<script>
//by Song1w
function showDiv()
{
	document.getElementById('layer').style.display='block';
}
</script>

<body>
	<button onclick="showDiv()">show test layer</button>
	<br /><hr />
	<div id="layer" style="background-color: #EEF; width:300px; height:400px; position: absolute; display:none; z-index:999; " onclick="document.getElementById('layer').style.display='none'; ">
		<div style="position: absolute; z-index: 99999">Overlay the contents<br />
		What has happened in IE6(Not IE7)?<br /><br />
		Click the layer to hide.</div>
		<iframe src="about:blank" width="100%" height="100%" frameborder="0"></iframe>
		
	</div>
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	TEXT here
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	<select>
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
		<option>5</option>
		<option>6</option>
	</select>
	<br />
	TEXT here<br />
	TEXT here<br />
	TEXT here
</body>